<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/xiangqing.css"/>
		<link rel="stylesheet" type="text/css" href="css/ceshi.css"/>
	</head>
	<body>
		<div class="header">
			<div class="header-con">
				<div class="header-first">
					<ul>
						<li><a href="" class="first">amigo账号登录</a></li>
						<li><a href="http://10.35.162.123/jinlixiangmu/denglu.html">原账号登录</a></li>
						<li><a href="http://10.35.162.123/jinlixiangmu/zhuce.html">注册</a></li>
						<li><a href="" class="iconfont icon-gouwuche last">购物车(0)</a>
							<div class="dtext">
								您的购物车是空的，快去挑选喜欢的商品吧！
							</div>
						</li>
					</ul>
				</div>
				<img src="img/images/1_03.png" />
				<div class="login">
					<ul>
						<li><a href="http://10.35.162.123/jinlixiangmu/index.html">首页</a></li>
						<li><a href="" class="titt">手机</a></li>
						<li><a href="">配件</a></li>
						<li><a href="">服务</a></li>
						<li><a href="">下载</a></li>
						<li><a href="">amigoOS</a></li>
						<li class="dactor"><input id="goid" placeholder="输入搜索内容" /><a href="" class="iconfont icon-search"></a></li>
					</ul>
				</div>
			</div>
		</div>
	
	
    <div class="main">
        <div class="main-h">
            <p class="hometxt"><a href="">首页 </a>&nbsp; / &nbsp;交易订单</p>
            <div class="main-con">
                <div class="mainL">
                    <div class="orderCenter">
                        <h3>订单中心</h3>
                        <ul>
                            <li><a href="">我的订单</a></li>
                            <li><a href="">评价晒单</a></li>
                            <li><a href="">话费充值订单</a></li>
                            <li><a href="">以旧换新订单</a></li>
                        </ul>
                    </div>
                    <div class="orderCenter">
                        <h3>个人中心</h3>
                        <ul>
                            <li><a href="">我的个人中心</a></li>
                            <li><a href="">消息通知</a></li>
                            <li><a href="">购买资格</a></li>
                            <li><a href="">现金账户</a></li>
                            <li><a href="">金立礼品卡</a></li>
                            <li><a href="">现金券</a></li>
                            <li><a href="">喜欢的商品</a></li>
                            <li><a href="">优惠券</a></li>
                            <li><a href="">收货地址</a></li>
                            <li><a href="">红包 </a></li>
                        </ul>
                    </div>
                    <div class="orderCenter">
                        <h3>售后服务</h3>
                        <ul>
                            <li><a href="">服务记录</a></li>
                            <li><a href="">申请服务</a></li>
                            <li><a href="">领取快递报销</a></li>
                        </ul>
                    </div>
                    <div class="orderCenter">
                        <h3>账户管理</h3>
                        <ul>
                            <li><a href="">个人信息</a></li>
                            <li><a href="">修改密码</a></li>
                        </ul>
                    </div>
                </div>
                <div class="mainR">
                    <h1>我的订单<a href="">请谨防钓鱼链接或诈骗电话，了解更多></a></h1>
                    <div class="allbox">
                        <p class="all">全部订单</p>
                        <div class="header-input1">
                            <input type="text" class="seek1" placeholder="请输入商品名称/订单号"><span class="seek-btn1"><span class="iconfont icon-sousuo"></span></span>
                        </div>
                    </div>
                  <!--  <div class="orderbox">
                        <div class="yellowish">
                            <h3>等待付款</h3>
                            <p class="caption"><span class="sep">|</span><span class="data-name">李郝峥</span><span class="sep">|</span><span>订单号：<i class="id1">5201215542000477</i></span><span class="sep">|</span><span>在线支付</span>
                                <span class="moneybox">应付金额：<i class="data-money">99.00</i> 元</span>
                            </p>
                        </div>
                        <div class="white">
                            <div class="whiteL"><img src="img/ia_600000012_5.jpg" alt="">
                                <div class="whitetxt">
                                    <a href="" class="data-title"></a>
                                    <p><span class="data-spric"></span> 元 × <span class="data-num">1</span></p>
                                </div>
                            </div>
                            <div class="whiteR">
                                <button class="orange"><a href="zhifuchenggong.html">立即付款</a></button>
                                <button>订单详情</button>
                                <button>联系客服</button>
                            </div>
                        </div>
                    </div> -->
                    <div class="orderbox noorderbox">
                        <img src="img/ia_500000007.png" alt="" class="dustbin">
                        <div class="yellowish">
                            <h3>已完成</h3>
                            <p class="caption"><span class="sep">|</span><span class="data-name"></span><span class="sep">|</span><span>订单号：<i class="data-id">5201215542000477</i></span><span class="sep">|</span><span>在线支付</span>
                                <span class="moneybox">实付金额：<i class="data-money"></i> 元</span>
                            </p>
                        </div>
                        <div class="white">
                            <div class="whiteL"><img src="img/ia_600000012_5.jpg" alt="">
                                <div class="whitetxt">
                                    <a href="" class="data-title"></a>
                                    <p><span class="data-spric"></span> 元 × <span class="data-num">1</span></p>
                                </div>
                            </div>
                            <div class="whiteR">
                                <button>订单详情</button><button class="orange">申请售后</button>
                                <button>联系客服</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 确认删除 -->
    
	
	<div id="lasts">
						<div id="lasts-con">
							<ul>
								<li><img src="img/images/D-_userAJAX_htdocs_二生三_img_金立_03.png"></li>
								<li><img src="img/images/金立_04.png"></li>
								<li><img src="img/images/D-_userAJAX_htdocs_二生三_img_金立_03.png"></li>
								<li><img src="img/images/金立_04.png"></li>
							</ul>
						</div>
					</div>
					<div class="fonterr">
						<div class="fonterr-con">
							<div class="one">
								<h5>关于金立</h5>
								<p>企业荣誉</p>
								<p>金立体验店</p>
								<p>代理商专区</p>
								<p>加入金立</p>
								<p>联系我们</p>
								<p>供应/服务商需求咨询</p>
							</div>
							<div class="two">
								<h5>新闻咨询</h5>
								<p>公司新闻</p>
								<p>媒体报道</p>
	
							</div>
							<div class="three">
								<h5>购物指南</h5>
								<p>购物流程</p>
								<p>支付方式</p>
								<p>配送说明及费用</p>
								<p>订单管理</p>
								<p>购买常见问题</p>
								<p>预置应用公示</p>
							</div>
							<div class="four">
								<h5>售后服务</h5>
								<p>售后政策</p>
								<p>售后服务网点</p>
								<p>上门维修</p>
								<p>签收须知</p>
								<p>物流查询</p>
							</div>
							<div class="five">
								<h5>关注我们</h5>
								<p class="iconfont icon-weibo">&nbsp;新浪微博</p>
								<p class="iconfont icon-tengxunweibo">&nbsp;腾讯微博</p>
								<p class="iconfont icon-qzone">&nbsp;QQ空间</p>
	
							</div>
							<img src="img/images/code.png"/>
							<span>扫一扫关注微信</span>
						</div>
					</div>
	
	
					<div id="zuihou-con">
						<div id="zuihou">
							<ul>
								<li><span class="one">网站地图&nbsp;&nbsp;|</span><span>&nbsp;&nbsp;集团下属公司</span></li>
								<li>增值电信业务经营许可证：粤B2-20120350 粤ICP备05087105号 粤文网[2018]10835-3804号 粤文审[2012]196号</li>
								<li>Copyright &copy;2013 深圳市金立通信设备有限公司 版权所有.</li>
							</ul>
							<div id="imgs">
								<img src="img/images/sf.png">
								<img src="img/images/govIcon.gif" class="two">
								<img src="img/images/b.png">
							</div>
							<div class="last">中国/简体中文+</div>
						</div>
					</div>
	
	</body>
	<script src="id，class%20-%20副本.js"></script>
	<script src="jquery.min.js"></script>
	<script>
	
		
			
		
		
		
		
		$.ajax({
				url:"http://10.35.162.123:8080/getdata",
				success:function(data){
					let list = JSON.parse(data);
					list.forEach(function(item){
						$(".data-title").html(item.title)
						$(".data-spric").html(item.price)
						$(".data-num").html(item.num)
						$(".data-id").html(item.id)
						$(".data-name").attr("id",item.shopId)
						$(".data-money").html((item.price)*(item.num))
					})
				},
				
				
			})
			
		$.ajax({
				url:"http://10.35.162.123:8080/getdatalist",
				success:function(data){
					let list = JSON.parse(data);
					list.forEach(function(item){
						$(".data-name").html(item.name)
						$(".id1").html(item.id)
					})
				},
				
				
			})
	</script>
</html>